<template>
<div>


  <div class="back">
    <div class="login">
    <div class="login_">
    <h4>您好，<br>
      欢迎来到建设银行
    </h4>
    <div class="name">
    <p class="user">+86 v <input type="text" value="请输入手机号"  class="hao"></p>
     <p class="code"><input type="text" value="图形验证码">   <span>12354</span>  </p>
   </div>   
     <p class="ok" @click="fun()">   登录/注册   </p>
   <div class="no">

   
      <p> <input type="radio">   本人以认真阅读并同意</p>
        <p>《中国建设银行股份有限公司电子银行个人客服端服务协议》</p>
        <p>《中国建设银行股份有限公司电子银行个人》</p>
        </div>

         <img src="../../../public/moder/na.png" alt="" class="imgs">
    </div>

    

   </div>

<h4 class="foot">更多</h4>


  </div>
</div>
</template>

<script>
export default {
  methods:{
     fun(){
      this.$router.push("/homes")
     }
  }
}
</script>

<style lang="less" scoped>
.back{
width: 100%;
height: 100%;
// height: 6.66rem;
overflow: hidden;
background-image:linear-gradient(to bottom ,#376db3,#f0f4f9)

}
.foot{
  font-size: .14rem;
  text-align: center;
  margin: .5rem 0;
  color: #000;
  
}
.imgs{
  display: block;
  width: 1.6rem;
  height: .35rem;
  margin:  .2rem  auto;
}
  .ok{
    width: 100%;
    height: .45rem;
    background-color: #7da4cf;
    font-size: 16px;
    font-weight: 600;
    color: white;
    line-height: .45rem;
    text-align: center;
    margin:.1rem  0;
  }
 .no{
    font-size: .14rem;
 }
 .no p:first-child{
  color: #a4a4a4;
  line-height: .18rem;
  input{
    vertical-align: middle;
  }
 }
 .no p:nth-child(n+2){
 color: #547bbc;
 line-height: .2rem;
 font-weight: 600;
 }

  .login{
    width: 94%;
    margin: auto;
    height: 5.0rem;
     background-color: white;
     margin-top:0.5rem ;
    


  }
 .login_{
    width: 90%;
    margin: auto;
    overflow: hidden;
   
    
 
    h4{
         font-size: .24rem;
         margin-top:.3rem ;
         margin-bottom:.4rem;

    }
    .name{
        font-size:.16rem ;
         .user{
            line-height: .6rem;
            border-bottom:1px solid #aeaeae;
           input{
            font-size: .18rem;
            text-indent: .1rem;
            border:0;
            color: #aeaeae;
            
           }

         } 
         .code{
            border: 0;
            
            input{
                border: 0;
                line-height: .6rem;
                font-size: .18rem;
                 color: #aeaeae;
            }
            span{
                background-color: #aeaeae;
                float: right;
                display: block;
                margin-top:.20rem ;

            }
         }
        
    }
 }

</style>